*{
    padding: 0;
    margin: 0
}

#main {
    white-space: nowrap;
}

.item,
.monster,
.space,
.wall,
.door,
.hero_down,
.hero_up,
.hero_right,
.hero_left {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.space {
    background-image: url(/static/images/layout/0.jpg);
}

.wall {
    background-image: url(/static/images/layout/1.jpg);
}

.door {
    background-image: url(/static/images/layout/2.jpg);
}

.hero_down {
    background-image: url(/static/images/hero/down.jpg)
}

.hero_up {
    background-image: url(/static/images/hero/up.jpg)
}

.hero_left {
    background-image: url(/static/images/hero/left.jpg)
}

.hero_right {
    background-image: url(/static/images/hero/right.jpg)
}

.line {
    height: 32px;
}